<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类</title>
</head>
<body>

<p>第一个 <i>吃螃蟹</i> 吃鸡鸡 <i>的女人</i></p>
<p>第二个</p>
<p>第三个</p>
<p>匹配所有p 元素中的第一个 i 元素</p>
<p>我是 <i>超人</i> ，你是 <i>女人</i> </p>
<p>我是 <i>钢铁侠</i> ，你是 <i>蜘蛛侠</i> </p>
<p>匹配所有作为第一个子元素的 p 元素中的所有 i</p>
<p>我是 <i>蝙蝠</i> ，你是 <i>鱼</i> </p>
<p>我是 <i>鱼</i> ，你是 <i>水</i> </p>
<p>lang自定义</p>
<p>我是一个自定义的狐狸，<q lang="no"> 我有红色的大尾巴</q> </p>

<style>
    q:lang(no){
        background-color: red;
        quotes:"??" "??";
    }

    p i:first-child{
        background-color: greenyellow;
    }
    p:first-child i
    {
        background-color:red;
    }
    h1:hover{
        background-color: red;
        cursor: pointer;
    }
    p:last-child i{
        background-color: blue;
    }
</style>
</body>
</html>
